<template>
  <!-- 注册类型选择 -->
  <div class="container mx-auto px-20">
    <div
      class="w-full shadow-md bg-stone-50 flex justify-between items-center px-6 mb-3"
      v-for="item in registerType"
    >
      <div class="flex items-center space-x-8">
        <img :src="item.img" alt="" />
        <div>
          <p class="text-2xl">
            我要注册<b>{{ item.type }}</b>
          </p>
          <span>{{ item.description }}</span>
        </div>
      </div>
      <button
        class="text-white bg-red-600 px-6 py-2"
        @click="handleClickRegister(item.type)"
      >
        点击注册
      </button>
    </div>
  </div>
</template>

<script setup>
import { ref, reactive } from "vue";
import { useRouter } from "vue-router";
const router = useRouter();
const registerType = ref([
  {
    id: 1,
    type: "供货商家",
    description: "女鞋生产企业以及经销供货、代理商统一注册类型为供货商家",
    img: "/src/assets/image/register/k3_gonghuo.png",
  },
  {
    id: 2,
    type: "网销卖家",
    description: "各类网销卖家、批发商、专业买手统一注册类型为网销卖家",
    img: "/src/assets/image/register/k3_wangxiao.png",
  },
  {
    id: 3,
    type: "摄影商",
    description: "",
    img: "/src/assets/image/register/k3_sheying.png",
  },
]);
const handleClickRegister = (type) => {
  console.log(type);
  if(type == '供货商家'){

  }else if(type == '网销卖家'){
    router.push({
      name: "wxRegister",
    });

    } else if(type == '摄影商'){
        router.push({
          name: "syRegister",
        });

    }
};
</script>
<style lang="less" scoped></style>
